<template>
  <div>
    <div class="title-css" style="text-align: center;padding: 20px 0;">
      商家发货信息上链
    </div>
    <div style="margin: 20px;"></div>
    <div>
      <el-form label-width="80px" :model="form">
        <el-form-item label="订单号">
          <el-input v-model="form.id"></el-input>
        </el-form-item>
        <el-form-item label="发货地址">
          <el-input v-model="form.address"></el-input>
        </el-form-item>
        <el-form-item label="商家电话">
          <el-input v-model="form.tel"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="uploadUserInfo()">确认上链</el-button>
        </el-form-item>
      </el-form>
    </div>

  </div>
</template>

<script>

export default {
  data() {
    return {
      form: {
        id: '',
        address: '',
        tel: '',
      }
    };
  },

  methods: {

    // 上传订单号、发货地址和商家电话
    uploadUserInfo(){
      // 为后端拼接数据
      let dtoBody = {
        "OrderId": this.form.id,
        "Node": this.form.address,
        "Tel": this.form.tel
      }
      console.log("要向后端发送的数据: ", dtoBody)
    },
  },
}
</script>

<style>



</style>